<template>
  <aside class="layout-sidebar" :class="{ active: active }">
    <nav>
      <ol class="layout-menu">
        <menu-item :menu="menu" :root="true"></menu-item>
      </ol>
    </nav>
  </aside>
</template>

<script lang="ts" setup>
import menudata from '@/assets/menu/menu.json';
import MenuItem from '@/components/index/menuItem.vue'

const menu = menudata.data

defineProps({
  active: Boolean
})
</script>
